/*  */
@import "../../variables/theme.less";
/* 新增报表 */
/*  */
@jg20:20px;
@jg24:24px;
/*  */
.zz-iframe-fluid.add-reportForm {
    /*  */
    .area {
        border-radius:2px;
        background-color:@panelBg;
    }
    /*  */
    .add-reportForm-content {
        height:100%;
        margin-right:-@jg20;
        /*  */
        & > .add-reportForm-content_left {
            flex:1 0 auto;
            max-width:27.8%;
            margin-right:@jg20;
            & > .area.top {
                min-height:218px;
                margin-bottom:@jg20;
                padding:@jg24;
            }
            & > .area.bottom {
                min-height:602px;
                /*  */
                & > .zz-titleBar.has-el-tab {
                    padding-left:95px;
                    /*  */
                    & > .title {
                        position:absolute;
                        top:24px;
                        left:14px;
                    }
                }
            }
            /* 通用 */
            .title,
            .content,
            .sub-title {
                margin-bottom:20px;
            }
            .title,
            .sub-title {
                color:@fsColor333;
            }
            .title {
                position:relative;
                font-size:16px;
            }
            .sub-title {
                font-size:14px;
            }
            .wenhao {
                position:relative;
                & > .icon {
                    position:absolute;
                    top:5px;
                    right:-18px;
                    font-size:12px;
                    color:@fsColor999;
                    cursor:pointer;
                }
            }
            .el-form.txdxz .el-form-item__content>.el-input {
                width:40%;
                margin-right:20px;
            }
            /* 表格报表 */
            .table-rf {
                padding:20px 14px;
            }
            /* 折线图报表 */
            .zxt-rf {
                padding:18px;
                & > .title {
                    &.xzzbsl:after {
                        content:"（仅用于最新时间）";
                        color:@fsColor999;
                        font-size:12px;
                        line-height:16px;
                    }
                    .el-input-number {
                        width:130px;
                        position:absolute;
                        top:-8px;
                        right:0;
                    }
                }
            }
            /* 柱状图报表 */
            .zzt-rf,
            .bzt-rf {
                padding:18px;
                /*  */
                .el-form .el-form-item__label {
                    flex:0 0 108px;
                    max-width:108px;
                }
                /*  */
                .el-form.zbfw .el-form-item__content>.el-input {
                    width:68px;
                }
            }
            /* 饼状图报表 */
            .bzt-rf {
                padding:18px;
            }
        }
        /*  */
        & > .add-reportForm-content_right {
            flex:1 0 auto;
            max-width:72.2%;
            margin-right:@jg20;
            overflow: hidden;
            & > .area {
                min-height:100%;
                margin-bottom:@jg20;
                padding:@jg24;
                /* 图表区域横向滚动 */
                overflow-x:auto;
                /* 图表Dom */
                .echarts-dom {
                    width:100%;
                    height:100%;
                    /* background-color:pink; */
                }
            }
        }
    }
    /* element组件样式调整 */
    .el-form-item {
        margin-bottom:14px;
    }
}